<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="layout" content="main-juego" />
</head>
<body>
	<div style="width: 90%; padding: 15pt;">
		<div class="clearfix content-heading"></div>
		<div>
			<label>Fila:</label>
			${fila.jardinZen}<br />
		</div>
		<div>

			<table
				class="table table-striped table-bordered table-hover table-condensed">
				<thead>
					<g:sortableColumn property="nombre" title="Nombre" />
					<g:sortableColumn property="defensa" title="Defensa"
						style="text-align: center;" />
					<g:sortableColumn property="ataque" title="Ataque"
						style="text-align: center;" />
					<g:sortableColumn property="descripcion" title="Descripcion"
						style="text-align: center;" />
					<th style="text-align: center;">Acciones</th>
				</thead>
				<tbody>
					<g:each in="${fila.plantas}" status="i" var="miPlanta">
						<tr>
							<td style="width: 40px;">
								${miPlanta.nombre}
							</td>
							<td style="text-align: left">
								${miPlanta.defensa}
							</td>
							<td style="text-align: left">
								${miPlanta.ataque}
							</td>
							<td style="text-align: left">
								${miPlanta.descripcion}
							</td>
							<td>
								<a href="eliminarPlanta?planta=${i}&idFila=${idFila}" class="btn btn-primary" style="color: #fff">Eliminar</a>
								
							</td>
						</tr>
					</g:each>
				</tbody>
			</table>
			
			<div class="btn-group" sytle="margin-top: 20px">
				<button class="btn btn-primary dropdown-toggle"
					data-toggle="dropdown">
					Agregar Planta <span class="caret"></span>
				</button>
				<ul class="dropdown-menu">
					<g:each in="${fila.jardinZen.plantines}" status="i" var="plantines">
						<li><a href="agregarPlanta?id=${i}"> ${plantines.nombre}
						</a></li>
					</g:each>
					</tbody>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>